import React from 'react';
import { createStackNavigator } from 'react-navigation';
import Home from './components';
import Movies from './components/movies';
import MyFlex from './components/flex';
import MySwitch from './components/switch';
import WaitingModal from './components/waitModal';
import Gesture from './components/gesture';
import Images from './components/images'
import GeoLocation from './components/geolocation';

const MainStack = createStackNavigator(
  {
    Home: {
      screen: Home,
    },
    Movies: {
      screen: Movies,
    },
    MyFlex: {
      screen: MyFlex,
    },
    MySwitch: {
      screen: MySwitch
    },
    WaitingModal: {
      screen: WaitingModal
    },
    Gesture: {
      screen: Gesture,
    },
    GeoLocation: {
      screen: GeoLocation,
    },
    Images: {
      screen: Images,
    }
  },
  {
    initialRouteName: 'Home',
    navigationOptions: {
      headerStyle: {
        backgroundColor: '#05a5d1',
      },
      headerTintColor: '#fff',
      headerTitleStyle: {
        fontWeight: 'bold',
      },
    },
  }
);
const RootStack = createStackNavigator(
  {
    Main: {
      screen: MainStack,
    },
    // MyModal: {
    //   screen: ModalScreen,
    // },
  },
  {
    mode: 'modal',
    headerMode: 'none',
  }
);
export default class App extends React.Component {
  render() {
    return <RootStack />;
  }
}

